@media only screen and (max-width: 640px){}
* P{
    color:white;
}
body{
    display :block;
    margin:0;
    padding:0;
    background-attachment:fixed;
    background-color:black;
    font-family:Cambria, Georgia, serif;
    font-size:xx-small;
    /* opacity: 0.9; */
    color:white;
    height: 100%
}
.ui-page {
    /*  
    background-image:  url('/images/earth.jpg');
    */
}
.clear { clear:both; }

#main_box {
    display:block;
    width: 100%;
    /*height:100%;*/
    /* margin : 0 1.0416667%; */  /*10/960*/
    /* margin-top:10px; */
    /*  margin-left:60px; */
    margin: auto;
    background-color: black;
   text-align:center;
    /* padding-bottom: 50px;*/

}
#top_header {
    display:block;
    margin-bottom:5px;
    background:#000;
    /*height:100px;*/
    /*position:fixed !important;*/

}
#logo{
    /*float:left;*/
}
#top_ad{
 display:block;
 height:90px;
}
#share_this_url{
    max-width:130px;
    float:left;
}
#top_nav{
  display:block;
    margin-bottom:0px;
    margin-right:10px;
    margin-left:10px;
    position:fixed; 
}
#top_nav li{
   float: left;
}
#content{
    display:block;
 /*   margin-top: 10px; */
}
#palyer_wrapper{
    margin-top: 0px;
    margin-bottom: 0px;
  display:block;
}

#player_area{
   margin-top: 1px;
   margin-bottom: 1px;
   display:block;
   text-align:center;
    background-color:black;
}

#social_area{
     margin-top: 1px;
     margin-bottom: 1px;
}
#grid_area{
    /*margin-top: 20px; */
    margin-bottom: 20px;
   display:block;
    /*overflow:scroll;*/
   background-color:black;
}
.gridimg{
    text-align: center;
    /*width:130px;*/
}
.imgholder{
    alignment-adjust: central;
    width:320px;
    height:320px;
    overflow:hidden;
    margin:0 auto;
    display:block;
    background:#000;
    border:1px solid;
    border-color:#bbb;
    color:white;
    font-size:xx-small;
    text-align: center;
}
.imgholder:hover{
    border-color:#aaa;
}
.imgholder img{
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    /*  opacity:0.95; */
    transition:transform 0.5s ease-in-out, opacity 0.5s;
    -moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
    -webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
    margin-top:20px;
    text-align: center;
}
.imgholder:hover img{
    transform:scale(1, 1);
    -ms-transform:scale(1, 1);
    -moz-transform:scale(1, 1);
    -webkit-transform:scale(1, 1);
    -o-transform:scale(1, 1);
}
#infomation_area{
   margin-top: 20px;
   margin-bottom: 20px;
   display:block;   
}

#container{
    display:block;
}
#footer{
    position: fixed !important;  
    position: absolute;  
    display:block;
}
#copyright{
  text-align: center;
}
.title{
    color:rgb(180,199,198);
    text-shadow:0 1px 0 #000000;
    text-decoration: none;
    font-size:xx-small;
    margin-top: 10px;
}
a{
 color:white;
}
a:hover, a:active{
    color:#91DCFF;
    text-shadow:0 1px 0 #000000;
    text-decoration: none
}
a.topLinks{
	color:white;
	font: bold 16px Century ;
	text-shadow:0 1px 0 #000000;
	text-decoration: none;
}
a.topLinks:hover{
	color:yellow;
	font: bold 16px Century ;
	text-shadow:0 1px 0 #000000;
	text-decoration: none
}


.description{
    display:block;
    margin-top:0px;
}
#f1{
    float:left;
}

#menu_area{
overflow:auto;
resize:both;
border:1px;
    background-color:black;
}
#share_url{
    width:130px;
}
.topLinks{
    font-size:20px;
   height:60px;
}
#navigation_wrapper{
    float:right;
    margin-right: 30px;
    list-style:none;
    -webkit-padding-start: 10px;
}
#navigation_area{
    flaot:left;
}
#share_area{
    flaot:left;
}
#share_feed_area{
    background-color: black;
}
#searchResultsVideoList{
    margin-bottom: 20px;
}

#login{
    font-size:large;
    alignment-adjust: central;
}
.nav_button{
 background-color:white;
 width:45px;
 height:45px;
 float : left;
}
.banner{
 display : block;
    float:right;
    margin-right: 30px;
}
.navigations{
    text-decoration: none;
    list-style-type: none;
}
.nav_button{
    text-decoration: none;
    list-style-type: none;
}
.itag{
   text-decoration: none;
    list-style-type: none;
}